<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">优惠券管理</div>
    </v-ons-toolbar>
    <div class="container">
      <div class="coupon-group">
        <div class="coupon">
          <div class="coupon-label">
            <p class="balance">50<span class='small-font'>元</span></p>
            <p class='coupon-tip'>抵扣红包</p>
          </div>
          <div class="coupon-info">
            <p class='title'>新红包</p>
            <p class='font-style'>开始时间:12:12</p>
            <p class='font-style'>结束时间:12:12</p>
          </div>
        </div>
      </div>
    </div>
  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {
        selectToPageEditor: false
      }
    },
    methods: {
      enterPage({path: path, actionSheet: actionSheet}) {
        if (actionSheet) {
          this.actionSheetVisible = false
        }
        this.$router.push({
          path: path
        });
      }
    },
    mounted(){
      let select = this.$route.params.select;
      if(select == 1){
        this.selectToPageEditor = true;
      }
    }
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/consumer/coupon-management.less";
</style>
